/* 在此编写你的样式代码 */

/* CSS变量 */
:root {
    /* 颜色 */
    --primary-color: #4a90e2;
    --text-color: #333;
    --background-color: #fff;
    
    /* 间距 */
    --spacing-small: 0.5rem;
    --spacing-medium: 1rem;
    --spacing-large: 2rem;
    
    /* 其他 */
    --border-radius: 4px;
    --transition-time: 0.3s;
}

/* 基础样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: var(--text-color);
}

/* 导航栏基础结构 */
.navbar {
    /* 添加Flexbox相关属性 */
}

.navbar-brand {
    /* 添加Logo区域样式 */
}

.navbar-menu {
    /* 添加导航菜单样式 */
}

.nav-links {
    /* 添加导航链接列表样式 */
}

.navbar-end {
    /* 添加用户操作区样式 */
}

/* 响应式设计 */
@media (max-width: 768px) {
    /* 添加移动端样式 */
}

/* 动画效果 */
.navbar-toggle {
    /* 添加汉堡菜单按钮样式和动画 */
}

/* 页面内容样式 */
main {
    padding: var(--spacing-large);
    max-width: 800px;
    margin: 0 auto;
}

h1 {
    margin-bottom: var(--spacing-large);
}

ol {
    padding-left: var(--spacing-large);
}

li {
    margin-bottom: var(--spacing-small);
}
